.menu {
	width: 84%;
	overflow-x: auto;
	display: -webkit-box;
	margin: 0 8%;
}

.menu_pages {
	width: 200%;
}

.menu_page {
	width: 50%;
	-webkit-box-flex: 1;
	float: left;
}

.menu_link {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin-bottom: 8px;
}

.box {
	width: 50px;
}

.icon_bg {
	width: 42px;
	height: 42px;
	border-radius: 30px;
	margin: 4px;
	position: relative;
}

.a {
	background-color: #02CD64;
}

.b {
	background-color: #009CFF;
}

.c {
	background-color: #FF4349;
}

.d {
	background-color: #ED9A1E;
}

.e {
	background-color: #FF6C39;
}

.f {
	background-color: #AF6EFF;
}

.g {
	background-color: #2EC196;
}

.h {
	background-color: #4BA8FF;
}

.i {
	background-color: #7BDB0C;
}

.j {
	background-color: #00C7FF;
}

.icon_bg:hover {
	background-color: #8997B6;
}
.icon {
	width: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.box a{
	font-size: 0.7rem;
	text-decoration: none;
	font-weight: 400;
	text-align: center;
	width: 100%;
	line-height: 1.6rem;
	color: #343434;
}